<template>
  <div class="about">
    <div class="head clear" style="display: flex;
  justify-content:space-around;
  flex-wrap:wrap;
  align-items:center;">
       <div class="div" style="margin-right:40px;display:flex;align-items:center;" @click="fanhuis()">
                <img src="../../assets/image/返回白@2x.png" alt="" class="percen">
                <span class="sapn1" style="color:#fff;">返回</span>
      </div>
        <div class="div csgo" >
            <span class="sapn2" style="color:#fff;">新建残疾人档案</span>
        </div>
        <div class="div cs" style="margin-left:70px;" @click="add()">
          <span class="sapn1" style="color:#fff;">保存</span>
      </div>
    </div>
    <div class="main">
        <div v-show="dc==true">
        <div class="choes">
            <van-field v-model="value" placeholder="请输入姓名" label="* 姓名" input-align="right" class="inp"/>
        </div>
        <div class="xian"></div>
        <div class="sa1 clear">
            <span style="width:76px;">* 性别</span>
        <van-radio-group v-model="radio"  ref="radio" class="aa" direction="horizontal">
            <van-radio name="1" class="van" >男</van-radio>
            <van-radio name="2" class="van" >女</van-radio>
        </van-radio-group>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <span style="width:86px;">* 出生日期</span>
            <div class="left" @click="show=true">
                <strong>{{main}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="show" round position="bottom" :style="{ height: '46%' }">
                <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" title="选择日期" @confirm="chaa($event)" @cancel="show=false"/>
            </van-popup>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <span>* 民族</span>
            <div class="left" @click="show1=true">
                <strong>{{main1}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="show1" round position="bottom" :style="{ height: '46%' }">
                 <van-picker show-toolbar :columns="columns" @cancel="show1 =false" @confirm="onConfirm($event)"/>
            </van-popup>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="value1" placeholder="请输入身份证号" label="* 身份证号" input-align="right" class="inp"/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="value2" placeholder="请输入联系电话" label="* 联系电话" input-align="right" class="inp"/>
        </div>
        <div class="xian"></div>
        </div>
        <div v-show="dc==false">
        <div class="choes">
            <van-field v-model="value" placeholder="请输入姓名" label="* 姓名" input-align="right" class="inp" readonly/>
        </div>
        <div class="xian"></div>
        <div class="sa1 clear">
            <van-field v-model="radio"  label="* 性别" input-align="right" class="inp" readonly/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <span style="width:86px;">* 出生日期</span>
            <div class="left">
                <strong>{{main}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="show" round position="bottom" :style="{ height: '46%' }">
                <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" title="选择日期" @confirm="chaa($event)" @cancel="show=false"/>
            </van-popup>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <span>* 民族</span>
            <div class="left" @click="show1=true">
                <strong>{{main1}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="show1" round position="bottom" :style="{ height: '46%' }">
                 <van-picker show-toolbar :columns="columns" @cancel="show1 =false" @confirm="onConfirm($event)"/>
            </van-popup>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="value1" placeholder="请输入身份证号" label="* 身份证号" input-align="right" class="inp" readonly/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="value2" placeholder="请输入联系电话" label="* 联系电话" input-align="right" class="inp" readonly/>
        </div>
        <div class="xian"></div>
        </div>
        <div class="choes">
          <span>* 残疾人证</span>
          <div class="left" @click="cjrzshowPicker=true">
            <strong>{{cjrzvalue}}</strong>
            <img src="../../assets/image/下拉灰@2x.png" alt="">
          </div>

          <van-popup v-model="cjrzshowPicker" round position="bottom">
            <van-picker
                show-toolbar
                :columns="cjrzcolumns"
                @cancel="cjrzshowPicker = false"
                @confirm="cjrzonConfirm"
            />
          </van-popup>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="value3" placeholder="请输入残疾证号" label="* 残疾证号" input-align="right" class="inp" id="ssa" v-if="hs" />
            <van-field v-model="value3" placeholder="请输入残疾证号" label="残疾证号" input-align="right" class="inp" id="ssa" v-else disabled/>
        </div>
      <div class="xian"></div>

      <div class="choes">
        <span style="width:86px;">* 填写日期</span>
        <div class="left" @click="show4=true">
          <strong>{{main4}}</strong>
          <img src="../../assets/image/下拉灰@2x.png" alt="">
        </div>
        <van-popup v-model="show4" round position="bottom" :style="{ height: '46%' }">
          <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" title="选择日期" @confirm="chaa3($event)" @cancel="show4=false"/>
        </van-popup>
      </div>
      <div class="xian"></div>
      <div class="choes">
        <van-field v-model="value4" placeholder="请输入填写人" label="* 填写人" input-align="right" class="inp"/>
      </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="huzhuname" placeholder="请输入户主姓名" label="户主姓名" input-align="right" class="inp"/>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <van-field v-model="yudisguanxi" placeholder="请输入与残疾人关系" label="关系" input-align="right" class="inp"/>
        </div>
        <div class="xian"></div>
         <div class="sa  clear">
            <span>婚姻状态</span>
        <van-radio-group v-model="radio2" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun " >未婚</van-radio>
            <van-radio name="2" class="van"  @click="mengclifun"  >已婚</van-radio>
            <van-radio name="3" class="van"  @click="mengclifun"  >离异</van-radio>
            <van-radio name="4" class="van"  @click="mengclifun" >丧偶</van-radio>
        </van-radio-group>
        </div >
        <div class="xian"></div>
        <div class="sa1 clear">
            <span style="margin-right:33px;">职业</span>
        <van-radio-group v-model="radio3" class="aa" direction="horizontal">
            <van-radio name="1" class="van" >就业</van-radio>
            <van-radio name="2" class="van">未就业</van-radio>
        </van-radio-group>
        </div>
        <div class="xian"></div>
         <div class="sa clear">
            <span>文化程度</span>
        <van-radio-group v-model="radio4" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun4" >文盲</van-radio>
            <van-radio name="2" class="van" @click="mengclifun4" >小学</van-radio>
            <van-radio name="3" class="van nn" @click="mengclifun4" >初中</van-radio>
            <van-radio name="4" class="van ww" @click="mengclifun4">高中(专)</van-radio>
            <van-radio name="5" class="van" @click="mengclifun4" >大学(专)</van-radio>
            <van-radio name="6" class="van" @click="mengclifun4">大学以上</van-radio>
        </van-radio-group>
        </div >
        <div class="xian"></div>
         <div class="sa clear">
            <span>主要生活来源</span>
        <van-radio-group v-model="radio5" class="aa" direction="horizontal">
            <!-- <van-radio name="1" class="van" @click="mengclifun5">文盲</van-radio>
            <van-radio name="2" class="van" @click="mengclifun5">小学</van-radio> -->
            <van-radio name="1" class="van" @click="mengclifun5">不定期社会救助</van-radio>
            <van-radio name="2" class="van" @click="mengclifun5">享受最低生活保障</van-radio>
            <van-radio name="3" class="van" @click="mengclifun5">享受五保供养</van-radio>
        </van-radio-group>
        </div>
        <div class="xian"></div>
         <div class="sa clear">
            <span>医疗保险情况</span>
        <van-radio-group v-model="radio6" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun6">享受城镇职工基本医疗保险</van-radio>
            <van-radio name="2" class="van" @click="mengclifun6">享受城镇居民基本医疗保险</van-radio>
            <van-radio name="3" class="van" @click="mengclifun6">得到医疗、康复救助</van-radio>
            <van-radio name="4" class="van" @click="mengclifun6">有其他医疗保险</van-radio>
            <van-radio name="5" class="van" @click="mengclifun6">费用全部自理</van-radio>
        </van-radio-group>
        </div>
        <div class="xian"></div>
        <div class="sa clear">
            <span>生活自理程度</span>
        <van-radio-group v-model="radio7" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun7">完全自理</van-radio>
            <van-radio name="2" class="van nn" @click="mengclifun7">需他人部分帮助</van-radio>
            <van-radio name="3" class="van" @click="mengclifun7">完全依赖他人帮助</van-radio>
        </van-radio-group>
        </div >
        <div class="xian"></div>
         <div class="sa clear">
            <span>主要残疾</span>
        <van-radio-group v-model="radio8" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun8">视力</van-radio>
            <van-radio name="2" class="van" @click="mengclifun8">言语</van-radio>
            <van-radio name="3" class="van" @click="mengclifun8">肢体</van-radio>
            <van-radio name="4" class="van" @click="mengclifun8">智力</van-radio>
            <van-radio name="5" class="van" @click="mengclifun8">精神</van-radio>
            <van-radio name="6" class="van" @click="mengclifun8">多重</van-radio>
        </van-radio-group>
        </div >
        <div class="xian"></div>
        <div class="sa clear">
            <span>残疾情况</span>
        <van-radio-group v-model="radio9" class="aa" direction="horizontal">
            <van-radio name="1" @click="mengclifun9" class="van">盲</van-radio>
            <van-radio name="2" @click="mengclifun9" class="van">低视力</van-radio>
        </van-radio-group>
        </div>
        <div class="xian"></div>
        <div class="sa clear">
            <span>残疾等级</span>
        <van-radio-group v-model="radio10" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun10">一级</van-radio>
            <van-radio name="2" class="van" @click="mengclifun10">二级</van-radio>
            <van-radio name="3" class="van nn" @click="mengclifun10">三级</van-radio>
            <van-radio name="4" class="van ww" @click="mengclifun10">四级</van-radio>
            <van-radio name="5" class="van" @click="mengclifun10">未评定</van-radio>
        </van-radio-group>
        </div >
        <div class="xian"></div>
        <div class="sa clear">
            <span>残疾原因</span>
        <van-radio-group v-model="radio11" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun11">遗传</van-radio>
            <van-radio name="2" class="van" @click="mengclifun11">先天</van-radio>
            <van-radio name="3" class="van nn" @click="mengclifun11">疾病</van-radio>
            <van-radio name="4" class="van ww" @click="mengclifun11">药物中毒</van-radio>
            <van-radio name="5" class="van" @click="mengclifun11">创伤或意外损伤</van-radio>
            <van-radio name="6" class="van" @click="mengclifun11">有害环境</van-radio>
            <van-radio name="7" class="van" @click="mengclifun11">原因不明</van-radio>
            <van-radio name="8" class="van" @click="mengclifun11">围产期因素</van-radio>
            <van-radio name="9" class="van" @click="mengclifun11">接受热辐射（桑拿、睡热炕等）</van-radio>
            <van-radio name="10" class="van" @click="mengclifun11">噪声</van-radio>
            <van-radio name="11" class="van" @click="mengclifun11">其他</van-radio>
        </van-radio-group>
        </div >
        <div class="xian"></div>
         <div class="choes">
            <span>致残时间</span>
            <div class="left" @click="show2=true">
                <strong>{{main2}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="show2" round position="bottom" :style="{ height: '46%' }">
                <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" title="选择日期" @confirm="chaa1($event)" @cancel="show2=false"/>
            </van-popup>
        </div>
        <div class="xian"></div>
        <div class="choes">
            <span style="width:110px;">精神病首次发病</span>
            <div class="left" @click="show3=true">
                <strong>{{main3}}</strong>
                <img src="../../assets/image/下拉灰@2x.png" alt="">
            </div>
            <van-popup v-model="show3" round position="bottom" :style="{ height: '46%' }">
                <van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" title="选择日期" @confirm="chaa2($event)" @cancel="show3=false"/>
            </van-popup>
        </div>
        <div class="xian"></div>
        <div class="sa clear">
            <span>康复医疗</span>
        <van-radio-group v-model="radio12" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun12">医疗诊断</van-radio>
            <van-radio name="2" class="van" @click="mengclifun12">残疾评定</van-radio>
            <van-radio name="3" class="van" @click="mengclifun12">白内障复明手术</van-radio>
            <van-radio name="4" class="van" @click="mengclifun12">人工耳蜗植入</van-radio>
            <van-radio name="5" class="van" @click="mengclifun12" style="margin-top:19px;margin-right:140px;">肢体乔治手术</van-radio>
            <van-radio name="6" class="van" @click="mengclifun12">理疗</van-radio>
            <van-radio name="7" class="van" @click="mengclifun12">传统医疗</van-radio>
            <van-radio name="8" class="van" @click="mengclifun12">医疗、康复护理</van-radio>
            <van-radio name="9" class="van" @click="mengclifun12">精神病服药</van-radio>
            <van-radio name="10" class="van" @click="mengclifun12">住院</van-radio>
            <van-radio name="11" class="van" @click="mengclifun12">转诊</van-radio>
        </van-radio-group>
        </div >
        <div class="xian1"></div>
        <div class="clear" style="background-color:#fff;">
             <div class="lone" style="float: left;">
                 功能训练
             </div>
             <div class="rone" style="float: left;">
                <div class="sa1 clear">
             <span>视力</span>
        <van-radio-group v-model="radio13" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun13">盲人定向行走训练</van-radio>
            <van-radio name="2" class="van" @click="mengclifun13">日常生活技能训练</van-radio>
            <van-radio name="3" class="van" @click="mengclifun13">社会适应训练</van-radio>
            <van-radio name="4" class="van" @click="mengclifun13">低视力视功能训练</van-radio>
            <van-radio name="5" class="van" @click="mengclifun13">其他</van-radio>
        </van-radio-group>
        </div >
        <div class="xian1"></div>
        <div class="sa1 clear">
             <span>听力语言</span>
        <van-radio-group v-model="radio14" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun14">听觉言语能力训练</van-radio>
            <van-radio name="2" class="van" @click="mengclifun14">言语乔治</van-radio>
            <van-radio name="3" class="van" @click="mengclifun14">双语训练</van-radio>
            <van-radio name="4" class="van" @click="mengclifun14">手语指导</van-radio>
            <van-radio name="5" class="van" @click="mengclifun14">其他</van-radio>
        </van-radio-group>
        </div >
        <div class="xian1"></div>
        <div class="sa1 clear">
             <span>肢体</span>
        <van-radio-group v-model="radio15" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun15">运动功能训练</van-radio>
            <van-radio name="2" class="van" @click="mengclifun15">生活自理训练</van-radio>
            <van-radio name="3" class="van" @click="mengclifun15">社会适应训练</van-radio>
            <van-radio name="4" class="van" @click="mengclifun15">其他</van-radio>
        </van-radio-group>
        </div >
        <div class="xian1"></div>
        <div class="sa1 clear">
             <span>智力</span>
        <van-radio-group v-model="radio16" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun16">运动功能训练</van-radio>
            <van-radio name="2" class="van" @click="mengclifun16">感知能力训练</van-radio>
            <van-radio name="3" class="van" @click="mengclifun16">认知能力训练</van-radio>
            <van-radio name="4" class="van" @click="mengclifun16">其他</van-radio>
            <van-radio name="5" class="van" @click="mengclifun16" style="margin-top:19px;margin-right:0px;">生活自理能力训练</van-radio>
            <van-radio name="6" class="van" @click="mengclifun16">语言交流训练</van-radio>
            <van-radio name="7" class="van" @click="mengclifun16">社会适应能力训练</van-radio>
            <van-radio name="8" class="van" @click="mengclifun16">其他</van-radio>
        </van-radio-group>
        </div >
        <div class="xian1"></div>
        <div class="sa1 clear">
             <span>精神</span>
        <van-radio-group v-model="radio17" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun17">工(农)疗</van-radio>
            <van-radio name="2" class="van" @click="mengclifun17">社会适应训练</van-radio>
            <van-radio name="3" class="van" @click="mengclifun17">作业治疗</van-radio>
            <van-radio name="4" class="van" @click="mengclifun17">娱(休)疗</van-radio>
            <van-radio name="5" class="van" @click="mengclifun17">其他</van-radio>
        </van-radio-group>
        </div >
             </div>

        </div>
        <div class="xian1"></div>
        <div class="clear" style="background-color:#fff;">
            <div class="lone1">
                 辅助训练
             </div>
             <div class="rone">
                 <div class="sa1 clear">
                        <span>视力</span>
                    <van-radio-group v-model="radio18" class="aa" direction="horizontal">
                        <van-radio name="1" class="van" @click="mengclifun18">助视器</van-radio>
                        <van-radio name="2" class="van" @click="mengclifun18">盲杖</van-radio>
                        <van-radio name="3" class="van" @click="mengclifun18">盲人书写用具</van-radio>
                        <van-radio name="4" class="van" @click="mengclifun18">盲人报时用具</van-radio>
                    </van-radio-group>
                    </div >
            <div class="xian1"></div>
        <div class="sa1 clear">
             <span>听力语言</span>
        <van-radio-group v-model="radio19" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun19">助听器</van-radio>
            <van-radio name="2" class="van" @click="mengclifun19">人工耳蜗</van-radio>
            <van-radio name="3" class="van" @click="mengclifun19">语言训练器具</van-radio>
            <van-radio name="4" class="van" @click="mengclifun19">会话交流用具</van-radio>
        </van-radio-group>
        </div >
        <div class="xian1"></div>
         <div class="sa1  clear">
             <span>智力</span>
        <van-radio-group v-model="radio20" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun20">认知图片</van-radio>
            <van-radio name="2" class="van" @click="mengclifun20">认知玩具</van-radio>
            <van-radio name="3" class="van" @click="mengclifun20">启智用具</van-radio>
        </van-radio-group>
        </div >
        <div class="xian1"></div>
        <div class="sa1 clear">
             <span>肢体</span>
        <van-radio-group v-model="radio21" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun21">生活自助器具</van-radio>
            <van-radio name="2" class="van" @click="mengclifun21">辅助坐、卧、翻身、站立器具</van-radio>
            <van-radio name="3" class="van" @click="mengclifun21">拐杖及助行器具</van-radio>
            <van-radio name="4" class="van" @click="mengclifun21">轮椅、手握三轮车等代步工具</van-radio>
            <van-radio name="5" class="van" @click="mengclifun21">防褥疮垫</van-radio>
            <van-radio name="6" class="van" @click="mengclifun21">集尿器具</van-radio>
            <van-radio name="7" class="van" @click="mengclifun21">坐便器具</van-radio>
            <van-radio name="8" class="van" @click="mengclifun21">阅读书写器具</van-radio>
            <van-radio name="9" class="van" @click="mengclifun21">操作电脑辅助器具</van-radio>
            <van-radio name="10" class="van" @click="mengclifun21">装配假肢</van-radio>
            <van-radio name="11" class="van" @click="mengclifun21">装配矫形器</van-radio>
            <van-radio name="12" class="van" @click="mengclifun21">其他器具</van-radio>
        </van-radio-group>
        </div >
        <div class="xian1"></div>
        <div class="sa1 clear">
             <span>精神</span>
        <van-radio-group v-model="radio22" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun22">文体用品
</van-radio>
        </van-radio-group>
        </div >
        <div class="xian1"></div>
        <div class="sa1 clear">
             <span>其他服务</span>
        <van-radio-group v-model="radio23" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun23">购买
</van-radio>
            <van-radio name="2" class="van" @click="mengclifun23">租赁</van-radio>
            <van-radio name="3" class="van" @click="mengclifun23">咨询</van-radio>
            <van-radio name="4" class="van" @click="mengclifun23">信息</van-radio>
            <van-radio name="5" class="van" @click="mengclifun23">维修服务</van-radio>
            <van-radio name="6" class="van" @click="mengclifun23">家居环境无障碍改造</van-radio>
        </van-radio-group>
        </div >
             </div>
        </div>
        <div class="xian1"></div>
        <div class="sa clear">
            <span>心理服务</span>
        <van-radio-group v-model="radio24" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun24">心理咨询</van-radio>
            <van-radio name="2" class="van" @click="mengclifun24">心理治疗</van-radio>
            <van-radio name="3" class="van" @click="mengclifun24">家庭成员心理支持</van-radio>
            <van-radio name="4" class="van" @click="mengclifun24">其他</van-radio>
        </van-radio-group>
        </div >
        <div class="xian"></div>
        <div class="sa clear">
            <span>知识普及</span>
        <van-radio-group v-model="radio25" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun25">培训残疾人</van-radio>
            <van-radio name="2" class="van" @click="mengclifun25">培训家友</van-radio>
            <van-radio name="3" class="van" @click="mengclifun25">家长学校</van-radio>
            <van-radio name="4" class="van" @click="mengclifun25">普及读物</van-radio>
            <van-radio name="5" class="van" @click="mengclifun25">知识讲座</van-radio>
            <van-radio name="6" class="van" @click="mengclifun25">公益活动</van-radio>
            <van-radio name="7" class="van" @click="mengclifun25">社会宣传</van-radio>
            <van-radio name="8" class="van" @click="mengclifun25">其他</van-radio>
            <van-radio name="9" class="van" @click="mengclifun25">家长学校</van-radio>
        </van-radio-group>
        </div >
        <div class="xian"></div>
        <div class="sa clear">
            <span>转介服务</span>
        <van-radio-group v-model="radio26" class="aa" direction="horizontal">
            <van-radio name="1" class="van" @click="mengclifun26">康复医疗</van-radio>
            <van-radio name="2" class="van" @click="mengclifun26">功能训练</van-radio>
            <van-radio name="3" class="van" @click="mengclifun26">辅助器具</van-radio>
            <van-radio name="4" class="van" @click="mengclifun26">心理服务</van-radio>
            <van-radio name="5" class="van" @click="mengclifun26">信息服务</van-radio>
            <van-radio name="6" class="van" @click="mengclifun26">知识普及</van-radio>
            <van-radio name="7" class="van" @click="mengclifun26">文化教育</van-radio>
            <van-radio name="8" class="van" @click="mengclifun26">职业培训</van-radio>
            <van-radio name="9" class="van" @click="mengclifun26">劳动就业</van-radio>
            <van-radio name="10" class="van" @click="mengclifun26">生活保障</van-radio>
            <van-radio name="11" class="van" @click="mengclifun26">家庭无障碍改造</van-radio>
            <van-radio name="12" class="van" @click="mengclifun26">参与社会生活</van-radio>
            <van-radio name="13" class="van" @click="mengclifun26">其他</van-radio>
        </van-radio-group>
        </div >
        <div class="xian"></div>
        <div class="" >
            <van-field v-model="zz" rows="2" autosize label="其他需求" type="textarea" maxlength="50" placeholder="请输入需求" show-word-limit class="inp"/>
        </div >
        <div class="xian"></div>
        <div class="">
            <van-field v-model="message" rows="2" autosize label="家庭地址" type="textarea" maxlength="50" placeholder="请输入地址" show-word-limit class="inp" v-show="dc==true"/>
            <van-field v-model="message" rows="2" autosize label="家庭地址" type="textarea" maxlength="50" placeholder="请输入地址" show-word-limit class="inp" v-show="dc==false" readonly/>
        </div>

        <div class="xian"></div>
      <p style="height: 44px;color: red;font-size: 13px;display: flex;align-items: center;margin: 0px 15px;margin-bottom:150px;"> * 内容为必填项</p >
    </div>

  </div>
</template>
<script>
import {saveDisPeople, healthFormationpeople} from '../../apiCanJi/apiCanji'

export default {
  data () {
    return {
      value: '',
      value1: '',
      value2: '',
      value3: '',
      value4: '',
      huzhu: '',
      guanxi: '',
      radio: '',
      radio1: '',
      radio2: '',
      radio3: '',
      radio4: '',
      radio5: '',
      radio6: '',
      radio7: '',
      radio8: '',
      radio9: '',
      radio10: '',
      radio11: '',
      radio12: '',
      radio13: '',
      radio14: '',
      radio15: '',
      radio16: '',
      radio17: '',
      radio18: '',
      radio19: '',
      radio20: '',
      radio21: '',
      radio22: '',
      radio23: '',
      radio24: '',
      radio25: '',
      radio26: '',
      radio27: '',
      radio28: '',
      show: false,
      show1: false,
      show2: false,
      show3: false,
      show4: false,
      minDate: new Date(1000, 0, 1),
      maxDate: new Date(),
      currentDate: new Date(),
      main: '输入日期',
      main1: '汉族',
      columns: ['汉族', '蒙古族', '回族', '藏族', '维吾尔族', '苗族', '彝族', '壮族', '布依族', '朝鲜族', '满族', '侗族', '瑶族', '白族', '土家族', '哈尼族', '哈萨克族', '傣族', '黎族', '傈僳族', '佤族', '畲族', '高山族', '拉祜族', '水族', '东乡族', '纳西族', '景颇族', '柯尔克孜族', '土族', '达斡尔族', '仫佬族', '羌族', '布朗族', '撒拉族', '毛南族', '仡佬族', '锡伯族', '阿昌族', '普米族', '塔吉克族', '怒族', '乌孜别克族', '俄罗斯族', '鄂温克族', '德昂族', '保安族', '裕固族', '京族', '塔塔尔族', '独龙族', '鄂伦春族', '赫哲族', '门巴族', '珞巴族', '基诺族'],
      main2: '输入日期',
      main3: '输入日期',
      main4: '输入日期',
      message: '',
      zz: '',
      gg: false,
      gg1: false,
      changed: '1',
      changed2: '1',
      changed4: '1',
      changed5: '1',
      changed6: '1',
      changed7: '1',
      changed8: '1',
      changed9: '1',
      changed10: '1',
      changed11: '1',
      changed12: '1',
      changed13: '1',
      changed14: '1',
      changed15: '1',
      changed16: '1',
      changed17: '1',
      changed18: '1',
      changed19: '1',
      changed20: '1',
      changed21: '1',
      changed22: '1',
      changed23: '1',
      changed24: '1',
      changed25: '1',
      changed26: '1',
      gerenid: null,
      dc: true,
      huzhuname: '',
      yudisguanxi: '',
      hs: false,
      cjrzshowPicker: false,
      cjrzcolumns: ['无', '有'],
      cjrzvalue: '请选择'
    }
  },
  watch: {
    //  radio1(a){
    // var s=document.getElementById('ssa')
    // if(a==2){
    //     this.hs=false
    //     this.value3=""
    // }else{
    // this.hs=true
    //
    // }
    // },
    radio (a) {
      var odd = document.getElementsByClassName('aa')
      if (a > -1) {
        odd[0].children[a].classList.add('bb')
      }
    }
  },
  methods: {
    cjrzonConfirm (value, index) {
      this.cjrzvalue = value
      this.radio1 = index
      this.cjrzshowPicker = false

      if (this.radio1 == '0') {
        this.value3 = ''
        this.hs = false
      } else {
        this.hs = true
      }
    },
    mengzfun (n) {
      if ((this.changed == '1' && this.radio != 2) || (this.changed == '2' && this.radio != 1)) {
        this.radio = ''
      }
      this.changed = this.radio
    },
    mengclifun (n) {
      if (this.changed2 == this.radio2) {
        this.radio2 = ''
      }
      this.changed2 = this.radio2
    },
    mengclifun4 (n) {
      if (this.changed4 == this.radio4) {
        this.radio4 = ''
      }
      this.changed4 = this.radio4
    },
    mengclifun5 (n) {
      if (this.changed5 == this.radio5) {
        this.radio5 = ''
      }
      this.changed5 = this.radio5
    },
    mengclifun6 (n) {
      if (this.changed6 == this.radio6) {
        this.radio6 = ''
      }
      this.changed6 = this.radio6
    },
    mengclifun7 (n) {
      if (this.changed7 == this.radio7) {
        this.radio7 = ''
      }
      this.changed7 = this.radio7
    },
    mengclifun8 (n) {
      if (this.changed8 == this.radio8) {
        this.radio8 = ''
      }
      this.changed8 = this.radio8
    },
    mengclifun9 (n) {
      if (this.changed9 == this.radio9) {
        this.radio9 = ''
      }
      this.changed9 = this.radio9
    },
    mengclifun10 (n) {
      if (this.changed10 == this.radio10) {
        this.radio10 = ''
      }
      this.changed10 = this.radio10
    },
    mengclifun11 (n) {
      if (this.changed11 == this.radio11) {
        this.radio11 = ''
      }
      this.changed11 = this.radio11
    },
    mengclifun12 (n) {
      if (this.changed12 == this.radio12) {
        this.radio12 = ''
      }
      this.changed12 = this.radio12
    },
    mengclifun13 (n) {
      if (this.changed13 == this.radio13) {
        this.radio13 = ''
      }
      this.changed13 = this.radio13
    },
    mengclifun14 (n) {
      if (this.changed14 == this.radio14) {
        this.radio14 = ''
      }
      this.changed14 = this.radio14
    },
    mengclifun15 (n) {
      if (this.changed15 == this.radio15) {
        this.radio15 = ''
      }
      this.changed15 = this.radio15
    },
    mengclifun16 (n) {
      if (this.changed16 == this.radio16) {
        this.radio16 = ''
      }
      this.changed16 = this.radio16
    },
    mengclifun17 (n) {
      if (this.changed17 == this.radio17) {
        this.radio17 = ''
      }
      this.changed17 = this.radio17
    },
    mengclifun18 (n) {
      if (this.changed18 == this.radio18) {
        this.radio18 = ''
      }
      this.changed18 = this.radio18
    },
    mengclifun19 (n) {
      if (this.changed19 == this.radio19) {
        this.radio19 = ''
      }
      this.changed19 = this.radio19
    },
    mengclifun20 (n) {
      if (this.changed20 == this.radio20) {
        this.radio20 = ''
      }
      this.changed20 = this.radio20
    },
    mengclifun21 (n) {
      if (this.changed21 == this.radio21) {
        this.radio21 = ''
      }
      this.changed21 = this.radio21
    },
    mengclifun22 (n) {
      if (this.changed22 == this.radio22) {
        this.radio22 = ''
      }
      this.changed22 = this.radio22
    },
    mengclifun23 (n) {
      if (this.changed23 == this.radio23) {
        this.radio23 = ''
      }
      this.changed23 = this.radio23
    },
    mengclifun24 (n) {
      if (this.changed24 == this.radio24) {
        this.radio24 = ''
      }
      this.changed24 = this.radio24
    },
    mengclifun25 (n) {
      if (this.changed25 == this.radio25) {
        this.radio25 = ''
      }
      this.changed25 = this.radio25
    },
    mengclifun26 (n) {
      if (this.changed26 == this.radio26) {
        this.radio26 = ''
      }
      this.changed26 = this.radio26
    },

    fanhuis () {
      this.$router.go(-1)
    },
    onConfirm (e) {
      this.show1 = false
      this.main1 = e
    },
    chaa (e) {
      this.show = false
      this.main = this.formatDate(this.currentDate)
    },
    chaa1 (e) {
      this.show2 = false
      this.main2 = this.formatDate(this.currentDate)
    },
    chaa2 (e) {
      this.show3 = false
      this.main3 = this.formatDate(this.currentDate)
    },
    chaa3 (e) {
      this.show4 = false
      this.main4 = this.formatDate(this.currentDate)
    },

    formatDate (date) {
      // eslint-disable-next-line no-redeclare
      var date = new Date(date)
      var YY = date.getFullYear() + '-'
      var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
      var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate())
      // var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
      // var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
      // var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
      return YY + MM + DD
    },
    add () {
      if (this.main2 == '输入日期') {
        this.main2 = ''
      }
      if (this.main3 == '输入日期') {
        this.main3 = ''
      }
      if (this.main4 == '输入日期') {
        this.main4 = ''
      }
      // else if(!/^1[3456789]\d{9}$/.test(this.value2)){
      //   this.$toast("联系电话格式不正确!");

      // }
      var id = JSON.parse(localStorage.userid).id

      if (this.value == '') {
        this.$toast('请输入姓名!')
      } else if (this.main == '输入日期' || this.main == '') {
        this.$toast('请输入出生日期!')
      } else if (this.value1 == '') {
        this.$toast('请输入身份证号!')
      } else if (this.value2 == '') {
        this.$toast('请输入联系电话!')
      } else if (this.radio1 === '') {
        console.log(this.radio1 + '-------------’')
        this.$toast('请选择有无残疾证号!')
      } else if (this.radio1 == 1 && this.value3 == '') {
        this.$toast('请输入残疾证号!')
      } else if (this.main4 == '输入日期' || this.main4 == '') {
        this.$toast('请输入填写日期!')
      } else if (this.value4 == '') {
        this.$toast('请输入填写人!')
      } else {
        console.log(this.gerenid + '------------------------------------')
        saveDisPeople({
          userid: id,
          disid: null,
          gerenid: this.gerenid,
          name: this.value,
          huzhuname: this.huzhuname,
          yudisguanxi: this.yudisguanxi,
          idcard: this.value1,
          phone: this.value2,
          canjirenzheng: Number(this.radio1),
          zhengphone: this.value3,
          hunyinzhuangtai: Number(this.radio2 - 1),
          zhiye: Number(this.radio3 - 1),
          wenhuachengdu: Number(this.radio4 - 1),
          mainlaiyuan: Number(this.radio5 - 1),
          baoxianqingkuang: Number(this.radio6 - 1),
          zilichengdu: Number(this.radio7 - 1),
          zhuyaocanj: Number(this.radio8 - 1),
          canjiqingkuang: Number(this.radio9 - 1),
          canjidengji: Number(this.radio10 - 1),
          canjiyuanyin: Number(this.radio11 - 1),
          canjitime: this.main2,
          jingshenbingshoucitime: this.main3,
          kangfuyiliao: Number(this.radio12 - 1),
          shili: Number(this.radio13 - 1),
          tingliyuyan: Number(this.radio14 - 1),
          zhiti: Number(this.radio15 - 1),
          zhili: Number(this.radio16 - 1),
          qitaxuqiu: this.zz,
          tianxietime: this.main4,
          tianxiepeople: this.value4,
          zhuanjiefuwu: Number(this.radio26 - 1),
          zhishipuji: Number(this.radio25 - 1),
          xinlufuwu: Number(this.radio24 - 1),
          qitafuwu: Number(this.radio23 - 1),
          jingshen: Number(this.radio22 - 1),
          zhititwo: Number(this.radio21 - 1),
          zhilitwo: Number(this.radio20 - 1),
          shilitwo: Number(this.radio18 - 1),
          tinglitwo: Number(this.radio19 - 1),
          minzu: this.main1,
          chushengriqi: this.main,
          jingshentwo: Number(this.radio17 - 1),
          homeaddress: this.message
        }).then((res) => {
          console.log(res)
          var str1 = JSON.stringify({id: res.disid})
          localStorage.disid = str1
          this.$router.go(-1)
        }).catch(err => {
          console.log(err)
        })
      }
    },
    mm () {
      // var gerenid = this.$route.query.gerenid
      var gerenid = localStorage.gerenid
      console.log(gerenid)
      if (gerenid == undefined || gerenid.id == '' || gerenid == '{"id":""}') {
        this.gerenid = null
        this.dc = true
      } else {
        this.gerenid = JSON.parse(gerenid).id
        this.dc = false
        healthFormationpeople({
          id: this.gerenid
        }).then(res => {
          console.log(res)
          this.value = res.name
          if (res.sex === 1) {
            this.radio = '男'
          } else {
            this.radio = '女'
          }
          this.main = res.birthday
          this.value1 = res.shenfenzhenghao
          this.value2 = res.phone
          this.message = res.zuizhongAddress
        })
      }
    }
  },
  mounted () {
    document.body.style.backgroundColor = '#FAF9FE'
  },
  created () {
    document.title = '新建残疾人档案'
    this.mm()
  }
}
</script>
<style  scoped>
/*<!--  lang="scss"-->*/
.clear:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
  zoom: 1;
}
.head{
  width: 100%;
  height: 44px;
  background: linear-gradient(90deg, #1DA3F1 0%, #1DC7F1 100%);
  position: fixed;
  top:0px;
  z-index:100;
}
.percen{
  width: 15px;
  height: 15px;
  margin:0px 5px 0px 10px !important;
}
.div {
  font-size: 15px;
  font-weight: bold;

}

.head .percen{
  width: 7px;
  height: 13px;
  margin: 0px 5px 0px 15px;
}

.main{
    width: 100%;
    margin-top: 44px;
}
.csgo{
    margin-left: 20px;
}
.inp{
    color: #333;
    font-size: 15px;
    font-weight: 500;
    background-color: #fff;
}
.xian{
    width: 94%;
    border-top: 0.5px solid #000;
    transform:scaleY(0.25);
    margin-left: 15px;
}
.xian1{
    width: 96%;
    border-top:1px solid #000;
    transform:scaleY(0.25);
    margin-left: 4px;

}
.choes{
    height: 44px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 44px;
    background-color: #fff;
}
.choes1{
    height: 44px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 44px;
    background-color: #fff;
}

.choes span{
    width: 80px;
    margin-left: 15px;
    margin-right: 5px;
    float: left;
}
.choes1 span{
    display:block;
     width: 80px;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
}
.choes strong{
    display:block;
    /*width: 86px;*/
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    color: #333;
    font-weight: normal;
}
.aa{
  font-weight: 500;
  color: #333333;
  font-size: 15px;
  float: left;
  /* margin-top: 3vw; */
  display: flex;
  flex-wrap:wrap;
  width: 234px;
  margin-bottom: 3vw;

}
.van{
    margin-right: 53.5px;

}
.left{
   float: right;
   margin-right: 19px;
}
.left span{
    margin-right: 12.2px;
    color: #999;

}
.left img{
    width: 13px;
    height: 7px;
    float: right;
    margin-top: 20px;
}
.lone{
    width: 25px;
    text-align: center;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    float: left;
    margin-top: 440px;
}
.lone1{
    width: 25px;
    text-align: center;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    float: left;
    margin-top: 380px;
}
.rone{
    float: left;
    width: 293px;
    border-left: 0.5px solid #ccc;
}
.van{
  margin-top: 14px;
  float: left;
  margin-right: 40px;
}
/*// .left{*/
/*//   float: right;*/
/*//   height: 11vw;*/
/*//   line-height: 5vw;*/

/*// }*/
/*// .left img{*/
/*//   width: 4vw;*/
/*//   height: 2vw;*/
/*//   margin-left: 3vw;*/
/*//   margin-right: 4vw;*/
/*// }*/
/*// .left strong{*/
/*// font-weight: 500;*/
/*//   color: #333333;*/
/*//   font-size: 15px;*/
/*// }*/
.sa1{
    background-color: #fff;
}
.sa{
    background-color: #fff;
}
 .sa span{
  width: 65px;
  margin-right: 2vw;
  font-weight: 500;
  color: #333333;
  font-size: 15px;
  float: left;
  margin-top: 15px;
  margin-left: 15px;
}
.sa1 span{
  width: 40px;
  font-weight: 500;
  color: #333333;
  font-size: 15px;
  float: left;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 0px;
}
/deep/ .van-picker__confirm{
    color: #1DA4F2 !important;
}
/deep/ .van-field__label{
  color:#333333 !important;
}
>>> .bb .van-radio__icon--disabled .van-icon{
background-color: #1989fa;
    border-color: #1989fa;
    color: #fff;
}
/deep/.van-radio__icon--checked .van-icon{
background-color: #1989fa !important;
    border-color: #1989fa !important;
    color: #fff !important;
}
</style>
